<template>
	<div class="my_l">
		<MyWalletHeaderView></MyWalletHeaderView>
		<div class="my_wallet_header background_333">
			<ul class="my_wallet_ul">
				<li>
					<p>
						<strong>{{uInfs.Balance}}</strong>
					</p>
					<span>余额</span>
				</li>
				<li>
					<p>
						<strong>0.00</strong>
					</p>
					<span>优惠券</span>
				</li>
				<li>
					<p>
						<strong>0.00</strong>
					</p>
					<span>奖励豆</span>
				</li>
			</ul>
		</div>
		
	</div>
</template>
<script>
	import { Toast } from 'mint-ui';
	import MyWalletHeaderView from './MyWalletHeader.vue';
	export default {
		components: {
			MyWalletHeaderView,
		},
		data() {
			return {
				uInfs: {},
			}
		},
		mounted() {
			let _this = this
			_this.GetPersonalInfo()
		},
		methods: {
			GetPersonalInfo() {
				let _this = this;
				_this.$http.get('/client/Members', null, localStorage.Authorization, res => {
					console.log('我的账户res', res)
					_this.uInfs = res.data.list[0];
				})
			},
			
		}
	}
</script>
<style>
	.mine_h{
		height: 45px;
	}
	.background_333{
		background: #333333;
	}
	.my_wallet_header{
		    padding: 15px 10px;
	}
	.my_wallet_ul{
		display: flex;
		justify-content: space-between;
	}
	.my_wallet_ul li {
		width: 25%;
		color: #fff;
		text-align: center;
	}
	   
    .my_wallet_ul li p{
		 line-height: 1.5em;
    	font-size: 16px;
	}
	.my_wallet_ul li span{
		color: #ccc;
	}
</style>